<head>
    <link rel="stylesheet" href="./b19.css" />
</head>

<body style="scale: 0.5" id="body">
    <div class="background">
        <img
            src="../../original_ill/illBlur/996.李化禹.png"
            alt="曲绘-模糊"
            id="bkg"
        />
    </div>
    <div class="title">
        <div class="playerInfo">
            <div class="blackBlock"></div>
            <div class="avatar">
                <img src="../avatar/Alkaid头像.png" alt="{{gameuser.avatar}}" />
            </div>
            <div class="playerId">
                <p>就是不会告诉你</p>
            </div>
            <div class="rks">
                <p>14.0000</p>
            </div>
            <div class="clgBox">
                <div class="Challenge">
                    <img src="../otherimg/5.png" alt="Challenge" />
                    <p>54</p>
                </div>
            </div>
            <div class="date">
                <p>2025 Feb.02 00:00:00</p>
            </div>
            <div class="dataBox">
                <img src="../otherimg/data.png" alt="data" />
                <p>114PB 514GB</p>
            </div>
            <div class="spInfo colorful-background">
                <p>AP only</p>
            </div>
        </div>
        <div class="recordInfo">
            <div class="whiteLine"></div>
            <div class="sheet">
                <div class="row">
                    <div class="poz">
                        <p>\</p>
                    </div>
                    <div class="poz">
                        <p>AT</p>
                    </div>
                    <div class="poz">
                        <p>IN</p>
                    </div>
                    <div class="poz">
                        <p>HD</p>
                    </div>
                    <div class="poz">
                        <p>EZ</p>
                    </div>
                </div>
                <div class="row">
                    <div class="poz">
                        <p>C</p>
                    </div>
                    <div class="poz">
                        <p>111</p>
                    </div>
                    <div class="poz">
                        <p>222</p>
                    </div>
                    <div class="poz">
                        <p>333</p>
                    </div>
                    <div class="poz">
                        <p>444</p>
                    </div>
                </div>
                <div class="row">
                    <div class="poz">
                        <p>FC</p>
                    </div>
                    <div class="poz">
                        <p>111</p>
                    </div>
                    <div class="poz">
                        <p>222</p>
                    </div>
                    <div class="poz">
                        <p>333</p>
                    </div>
                    <div class="poz">
                        <p>444</p>
                    </div>
                </div>
                <div class="row">
                    <div class="poz">
                        <p>Phi</p>
                    </div>
                    <div class="poz">
                        <p>111</p>
                    </div>
                    <div class="poz">
                        <p>222</p>
                    </div>
                    <div class="poz">
                        <p>333</p>
                    </div>
                    <div class="poz">
                        <p>444</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="b19">
        <div class="Nosignal">
            <div class="border_corner border_corner_left_top"></div>
            <div class="border_corner border_corner_right_top"></div>
            <div class="border_corner border_corner_left_bottom"></div>
            <div class="border_corner border_corner_right_bottom"></div>
            <div class="line"></div>
            <div class="timeout">
                <p>TIME_OUT</p>
            </div>
            <div class="client">
                <p>>>> PhigrOS Client Finding Phi.song</p>
            </div>
            <div class="sqrt"></div>
        </div>

        <div class="song phi_song">
            <div class="ill-box">
                <div class="num">
                    <p>Phi</p>
                </div>
                <div class="ill">
                    <img
                        src="https://img.moegirl.org.cn/common/f/fe/Shadow_Phigros.png"
                        alt="ill"
                    />
                </div>
                <div class="rank-AT">
                    <div class="org">
                        <p>AT&ensp;14.5</p>
                    </div>
                    <div class="rel">
                        <p>14.50</p>
                    </div>
                </div>
            </div>
            <div class="info-AT">
                <div class="songname">
                    <p name="pvis">Shadow</p>
                </div>
                <div class="songinfo">
                    <div class="Rating">
                        <img src="../otherimg/phi.png" alt="Rating" />
                    </div>
                    <div class="chengji">
                        <div class="score">
                            <p>1000000</p>
                        </div>
                        <div class="line"></div>
                        <div class="acc-box">
                            <div class="acc">
                                <p>100.00%</p>
                            </div>
                            <div class="suggest">
                                <p>>> 100.00%</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="song">
            <div class="ill-box">
                <div class="num">
                    <p>#2</p>
                </div>
                <div class="ill">
                    <img
                        src="https://img.moegirl.org.cn/common/f/fe/Shadow_Phigros.png"
                        alt="ill"
                    />
                </div>
                <div class="rank-HD">
                    <div class="org">
                        <p>HD&ensp;14.5</p>
                    </div>
                    <div class="rel">
                        <p>14.50</p>
                    </div>
                </div>
            </div>
            <div class="info-HD">
                <div class="songname">
                    <p name="pvis">Shadow</p>
                </div>
                <div class="songinfo">
                    <div class="Rating">
                        <img src="./res/phi.png" alt="Rating" />
                    </div>
                    <div class="chengji">
                        <div class="score">
                            <p>1000000</p>
                        </div>
                        <div class="line"></div>
                        <div class="acc-box">
                            <div class="acc">
                                <p>100.00%</p>
                            </div>
                            <div class="suggest">
                                <p>>> 100.00%</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="song">
            <div class="ill-box">
                <div class="num">
                    <p>#2</p>
                </div>
                <div class="ill">
                    <img
                        src="https://img.moegirl.org.cn/common/f/fe/Shadow_Phigros.png"
                        alt="ill"
                    />
                </div>
                <div class="rank-HD">
                    <div class="org">
                        <p>HD&ensp;14.5</p>
                    </div>
                    <div class="rel">
                        <p>14.50</p>
                    </div>
                </div>
            </div>
            <div class="info-HD">
                <div class="songname">
                    <p name="pvis">Shadow</p>
                </div>
                <div class="songinfo">
                    <div class="Rating">
                        <img src="./res/phi.png" alt="Rating" />
                    </div>
                    <div class="chengji">
                        <div class="score">
                            <p>1000000</p>
                        </div>
                        <div class="line"></div>
                        <div class="acc-box">
                            <div class="acc">
                                <p>100.00%</p>
                            </div>
                            <div class="suggest">
                                <p>>> 100.00%</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="song">
            <div class="ill-box">
                <div class="num">
                    <p>#2</p>
                </div>
                <div class="ill">
                    <img
                        src="https://img.moegirl.org.cn/common/f/fe/Shadow_Phigros.png"
                        alt="ill"
                    />
                </div>
                <div class="rank-HD">
                    <div class="org">
                        <p>HD&ensp;14.5</p>
                    </div>
                    <div class="rel">
                        <p>14.50</p>
                    </div>
                </div>
            </div>
            <div class="info-HD">
                <div class="songname">
                    <p name="pvis">Shadow</p>
                </div>
                <div class="songinfo">
                    <div class="Rating">
                        <img src="./res/phi.png" alt="Rating" />
                    </div>
                    <div class="chengji">
                        <div class="score">
                            <p>1000000</p>
                        </div>
                        <div class="line"></div>
                        <div class="acc-box">
                            <div class="acc">
                                <p>100.00%</p>
                            </div>
                            <div class="suggest">
                                <p>>> 100.00%</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="song">
            <div class="ill-box">
                <div class="num">
                    <p>#2</p>
                </div>
                <div class="ill">
                    <img
                        src="https://img.moegirl.org.cn/common/f/fe/Shadow_Phigros.png"
                        alt="ill"
                    />
                </div>
                <div class="rank-HD">
                    <div class="org">
                        <p>HD&ensp;14.5</p>
                    </div>
                    <div class="rel">
                        <p>14.50</p>
                    </div>
                </div>
            </div>
            <div class="info-HD">
                <div class="songname">
                    <p name="pvis">Shadow</p>
                </div>
                <div class="songinfo">
                    <div class="Rating">
                        <img src="./res/phi.png" alt="Rating" />
                    </div>
                    <div class="chengji">
                        <div class="score">
                            <p>1000000</p>
                        </div>
                        <div class="line"></div>
                        <div class="acc-box">
                            <div class="acc">
                                <p>100.00%</p>
                            </div>
                            <div class="suggest">
                                <p>>> 100.00%</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="song">
            <div class="ill-box">
                <div class="num">
                    <p>#2</p>
                </div>
                <div class="ill">
                    <img
                        src="https://img.moegirl.org.cn/common/f/fe/Shadow_Phigros.png"
                        alt="ill"
                    />
                </div>
                <div class="rank-HD">
                    <div class="org">
                        <p>HD&ensp;14.5</p>
                    </div>
                    <div class="rel">
                        <p>14.50</p>
                    </div>
                </div>
            </div>
            <div class="info-HD">
                <div class="songname">
                    <p name="pvis">Shadow</p>
                </div>
                <div class="songinfo">
                    <div class="Rating">
                        <img src="./res/phi.png" alt="Rating" />
                    </div>
                    <div class="chengji">
                        <div class="score">
                            <p>1000000</p>
                        </div>
                        <div class="line"></div>
                        <div class="acc-box">
                            <div class="acc">
                                <p>100.00%</p>
                            </div>
                            <div class="suggest">
                                <p>>> 100.00%</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="song">
            <div class="ill-box">
                <div class="num">
                    <p>#2</p>
                </div>
                <div class="ill">
                    <img
                        src="https://img.moegirl.org.cn/common/f/fe/Shadow_Phigros.png"
                        alt="ill"
                    />
                </div>
                <div class="rank-HD">
                    <div class="org">
                        <p>HD&ensp;14.5</p>
                    </div>
                    <div class="rel">
                        <p>14.50</p>
                    </div>
                </div>
            </div>
            <div class="info-HD">
                <div class="songname">
                    <p name="pvis">Shadow</p>
                </div>
                <div class="songinfo">
                    <div class="Rating">
                        <img src="./res/phi.png" alt="Rating" />
                    </div>
                    <div class="chengji">
                        <div class="score">
                            <p>1000000</p>
                        </div>
                        <div class="line"></div>
                        <div class="acc-box">
                            <div class="acc">
                                <p>100.00%</p>
                            </div>
                            <div class="suggest">
                                <p>>> 100.00%</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="song">
            <div class="ill-box">
                <div class="num">
                    <p>#2</p>
                </div>
                <div class="ill">
                    <img
                        src="https://img.moegirl.org.cn/common/f/fe/Shadow_Phigros.png"
                        alt="ill"
                    />
                </div>
                <div class="rank-HD">
                    <div class="org">
                        <p>HD&ensp;14.5</p>
                    </div>
                    <div class="rel">
                        <p>14.50</p>
                    </div>
                </div>
            </div>
            <div class="info-HD">
                <div class="songname">
                    <p name="pvis">Shadow</p>
                </div>
                <div class="songinfo">
                    <div class="Rating">
                        <img src="./res/phi.png" alt="Rating" />
                    </div>
                    <div class="chengji">
                        <div class="score">
                            <p>1000000</p>
                        </div>
                        <div class="line"></div>
                        <div class="acc-box">
                            <div class="acc">
                                <p>100.00%</p>
                            </div>
                            <div class="suggest">
                                <p>>> 100.00%</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="song">
            <div class="ill-box">
                <div class="num">
                    <p name="pvis">#2</p>
                </div>
                <div class="ill">
                    <img
                        src="https://img.moegirl.org.cn/common/f/fe/Shadow_Phigros.png"
                        alt="ill"
                    />
                </div>
                <div class="rank-HD">
                    <div class="org">
                        <p>HD&ensp;14.5</p>
                    </div>
                    <div class="rel">
                        <p>14.50</p>
                    </div>
                </div>
            </div>
            <div class="info-HD">
                <div class="songname">
                    <p name="pvis">
                        Compute It With Some Devilish Alcoholic Steampunk
                        Engines
                    </p>
                </div>
                <div class="songinfo">
                    <div class="Rating">
                        <img src="./res/phi.png" alt="Rating" />
                    </div>
                    <div class="chengji">
                        <div class="score">
                            <p>1000000</p>
                        </div>
                        <div class="line"></div>
                        <div class="acc-box">
                            <div class="acc">
                                <p>100.00%</p>
                            </div>
                            <div class="suggest">
                                <p>>> 100.00%</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="over_flow">
            <div class="flow_line_box_l">
                <div class="flow_line"></div>
                <div class="flow_line"></div>
                <div class="flow_line"></div>
                <div class="flow_line"></div>
                <div class="flow_line"></div>
                <div class="flow_line"></div>
            </div>
            <p><i>OVER FLOW</i></p>
            <div class="flow_line_box_r">
                <div class="flow_line"></div>
                <div class="flow_line"></div>
                <div class="flow_line"></div>
                <div class="flow_line"></div>
                <div class="flow_line"></div>
                <div class="flow_line"></div>
            </div>
        </div>
    </div>
    <div class="createdbox">
        <div class="phi-plugin">
            <p>{{_plugin}}</p>
        </div>
        <div class="ver">
            <p>v0.9.4</p>
        </div>
    </div>

    <!-- 曲目名称自适应name-box的宽度 -->
    <script>
        function adjustFontSize() {
            //获取p元素
            let a = document.getElementsByName("pvis");
            for (let i = 0; i < a.length; ++i) {
                let songName = a[i];

                if (!songName) continue;

                /*调整曲目名称字体大小*/
                let parentElement = songName.parentElement;
                let maxFontSize = 100; //设置最大字体大小
                songName.style.fontSize = maxFontSize + "px";

                // 如果字体宽度大于父元素宽度，则减小字体大小
                let fontSize = maxFontSize;
                songName.style.fontSize = fontSize + "px";

                // 使用倍增算法快速减小字体大小
                while (
                    songName.scrollWidth > parentElement.offsetWidth ||
                    songName.scrollHeight > parentElement.offsetHeight
                ) {
                    fontSize = Math.floor(fontSize / 2);
                    songName.style.fontSize = fontSize + "px";
                }

                // 逐步增加字体大小，找到最合适的大小
                while (
                    songName.scrollWidth <= parentElement.offsetWidth &&
                    songName.scrollHeight <= parentElement.offsetHeight &&
                    fontSize < maxFontSize
                ) {
                    fontSize += 1;
                    songName.style.fontSize = fontSize + "px";
                }

                // 回退到合适的字体大小
                songName.style.fontSize = fontSize - 1 + "px";
            }
        }
        window.onload = adjustFontSize;
        window.onresize = adjustFontSize;
    </script>
</body>
